<template>
    <div class="sc-summary">
        <div v-if="image" class="thumb"><el-avatar :size="50" :src="image" /></div>
        <div>
            <div class="title">{{ title }}</div>
            <div class="summary" v-html="summary"></div>
        </div>
    </div>
</template>
<script>
export default {
    name: "ScSummary",
    data() {
        return {
        }
    },
    //获取子组件传过来的激活tab
    props: {
        image: { type: String, default: null },
        title: { type: String, default: "" },
        summary: { type: String, default: "" },
    },
    created() {
    },
    methods: {
    }
}
</script>
  
<style scoped>
.sc-summary {
    display: flex;
    align-items: center;
    width: 100%;
}

.sc-summary .thumb {
    width: 56px;
    height: 56px;
    background-color: lightgray;
    border-radius: var(--el-border-radius-base);
    margin-right: 10px;
    padding: 3px;
}

.sc-summary .title {
    color: var(--el-text-color-primary);
    font-size: var(--el-font-size-base);
    line-height: 1.3;
}

.sc-summary .summary {
    color: var(--el-text-color-regular);
    /* color: var(--el-text-color-primary); */
    font-size: var(--el-font-size-base);
    line-height: 1.3;
}
</style>